<div class="multi-select-container">
  <ul class="ms-choices" ng-class="{'border': $ctrl.view.isInputFocus}">
    <li class="ms-choice" ng-if="!$ctrl.msOptions" ng-repeat="item in $ctrl.selectedItems track by $index">
      <i class="icon iconfont icon-llalbumshopselectorcancel" ng-click="$ctrl.remove(item)"></i>
      <div ms-value="{{item.id}}">{{item.fullName}}</div>
    </li>
    <li class="ms-search-field">
      <input id="search-input" type="text" placeholder="{{$ctrl.msOptions ? '' : $ctrl.selectedItems.length ? '' : '搜索用户'}}"
        ng-model="$ctrl.view.keyword"
        ng-model-options="{debounce: 400}">
    </li>
  </ul>
  <ul class="ms-results ms-reslut-container" style="display: none;">
    <li class="tip" ng-show="$ctrl.view.isNullResult">没有符合条件人员</li>
    <li class="tip" ng-show="$ctrl.view.requesting">搜索中...</li>
    <li class="ms-result"
      ng-if="!$ctrl.msOptions"
      ng-click="$ctrl.add(item)"
      ng-repeat="item in $ctrl.resource.searchResult track by $index">
      <div>{{::item.fullName}}</div>
      <div class="user-orgname">{{::item.orgName}}</div>
    </li>
  </ul>
</div>
